<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>tangstudio</title>
	<script>
		alert("梦梦快来修BUG！")
	</script>
	<style type="text/css">
		.dibu {
			position: absolute;
			right: 0;
			bottom: 0;
		}

		.cancanneed {
			text-align: left;
			color: aqua;
			margin-top: 60px;
			border: 1px;
		}

		.mytest dt {
			float: left;
			width: 100px;
		}

		h1 {
			text-align: left;
		}

		@media (max-width: 800px) {
			body {
				background: url() no-repeat;
				/*或者更换壁纸*/
				background-size: cover;
				margin: auto;
			}

		}

		@media (min-width: 800px) {
			body {
				background: url(img/1.jpg) no-repeat;
				background-size: cover;
				margin: auto;
			}

		}
.top{
/*设置宽度高度背景颜色*/
height: auto; /*高度改为自动高度*/
width:100%;
margin-left: 0;
background:rgb(89, 211, 206, 0.6);
position: fixed; /*固定在顶部*/
top: 0;/*离顶部的距离为0*/
margin-bottom: 5px;
}
.top ul{
/*清除ul标签的默认样式*/
width: auto;/*宽度也改为自动*/
list-style-type: none;
white-space:nowrap;
overflow: hidden;
margin-left: 5%;
/*margin-top: 0;*/
padding: 0;

}
.top li {
float:left; /*使li内容横向浮动，即横向排列*/
margin-right:2%; /*两个li之间的距离*/
position: relative;
overflow: hidden;
}

.top li a{
/*设置链接内容显示的格式*/
display: block; /*把链接显示为块元素可使整个链接区域可点击*/
color:#ee0000;
text-align: center;
padding: 3px;
overflow: hidden;
text-decoration: none; /*去除下划线*/

}
.top li a:hover{
/*鼠标选中时背景变为黑色*/
background-color: #ffff00;
}
.top ul li ul{
/*设置二级菜单*/
margin-left: -0.2px;
background:#ee82ee;
position: relative;
display: none; /*默认隐藏二级菜单的内容*/

}
.top ul li ul li{
/*二级菜单li内容的显示*/

float:none;
text-align: center;
}
.top ul li:hover ul{
/*鼠标选中二级菜单内容时*/
display: block;
}
	</style>
</head>

<body>
	<div class="top">
<img src="img\logo.png" width="100" height="100" />
<ul>
<li><a>资料</a>
<ul>
	<li><a href="https://www.baidu.com">教程库</a></li>
	<li><a href="https://miui.wtututu.top/">（友情赞助）TUTU的搞机资源站</a></li>
</ul>
	</li>
<li><a href="cancanneed">Null</a></li>
	<li><a href="#">Null</a>
	<ul>111</ul>
	<ul>222</ul>
	<ul>3334455</ul>
	</li>
<li><a href="#">Null</a></li>
	<li><a href="call.html">联系我们</a></li>
<li>
<a>关于</a>
<ul>
<li><a href="#">关于网站</a></li>
<li><a href="#">致谢</a></li>
<li><a href="aboutopensource.html">关于网站开源</a></li>
</ul>
</li>
</ul>
</div>
		<div class="cancanneed">
			TangSS：做点有意义的事情！
		</div>
		<p>我是还在成长中的tangtang！希望这个网站能跟随我一同进步！</p>
		<div class="dibu">
			<p> 这个网站是开源的，<a style="color: blue;" href="https://github.com/Tangtangchannel/tanghtml">改进这个页面</a>。
			</p>
		</div>	
</body>

</html>